/** @type {import('tailwindcss').Config} */
export default {
  // 配置 Tailwind CSS 使用暗黑模式的形式(类名 class="dark")
  darkMode: 'class',
  // content:[], 默认为空
  // Tailwind CSS 在如下配置的路径中的文件中生效
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  // 配置 Tailwind CSS 主题
  theme: {
    extend: {},
    screens: {
      // => @media (max-width: 1535px) { ... }
      '2xl': { max: '1535px' },
      // => @media (max-width: 1279px) { ... }
      xl: { max: '1279px' },
      // => @media (max-width: 1023px) { ... }
      lg: { max: '1023px' },
      // => @media (max-width: 767px) { ... }
      md: { max: '767px' },
      // => @media (max-width: 639px) { ... }
      sm: { max: '639px' },
    },
  },
  // 配置 Tailwind CSS 插件
  plugins: [],
}
